<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生广场</title>
</head>
<body>
<script src="../js/main/jquery.js"></script>
<script src="../js/etc.js"></script>
<script src="../js/materialize.min.js"></script>
<script src="../js/main/navigation.js"></script>
<link rel="stylesheet" href="../css/materialize.css">
<link rel="stylesheet" href="../css/stu/stuPlayground.css">
<link rel="stylesheet" href="../css/main/navigation.css">
<link href="https://fonts.css.network/icon?family=Material+Icons" rel="stylesheet">
<link href="../css/base.css">
<div class="header comWidth">
    <div class="topBar">
        <div class="comWidth">
            <div class="header fl">
                <a href="test/information.html" target="_blank" style="padding-left: 7px">关于基地</a>
            </div>
            <div class="header fr">
                <a class="mainBtn" href="role/login.html" target="_blank">登录</a>

                <span class="line">|</span>
                <a class="mainBtn" href="role/register.html" target="_blank">注册</a>
            </div>
        </div>
    </div>
</div>
<div class="white lighten-5  guideBar">
    <div class="nav-wrapper">
        <ul class="indexBar">
            <li id="logoIndex"><a class="toIndexLink" ></a></li>
            <li><a class="toIndexLink"><p class="logo-name">人才交流平台
                <p></a></li>
            <li class="indexTab"><a class="toIndexLink " id="indexBtn">首页</a></li>
            <li class="indexTab"><a href="../team/teamPlayGround.html" id="teamBtn">团队</a></li>
            <li class="indexTab selectedIndex"><a href="../stu/stuPlayground.html" id="stuBtn">学生</a></li>
        </ul>

    </div>
</div>
<div class="bannerBar comWidth bannerBig ">
    <button class="preBtn "><i class="large material-icons arrowBtn">chevron_left</i></button>
    <div class="imgBox">
        <ul class="imgList fl">
            <li><a href="" target="_blank"><img src="" alt="1"></a></li>
            <li><a href="" target="_blank"><img src="" alt="2"></a></li>
            <li><a href="" target="_blank"><img src="" alt="3"></a></li>

        </ul>
    </div>
    <button class="nextBtn "><i class="large material-icons arrowBtn">chevron_right</i></button>
</div>
<div class="cardDiv">
    <h4>这里，每个人都是独一无二的“专家”</h4>
    <h6>尽情展现自己，在这里，你的优秀就有可能被团队发现，得到实现个人价值的机会</h6>
    <div class="hotMembers">
        <div class="hotMember z-depth-2">
            <div class="memberImg"></div>
            <div class="memberDetail">
                <div class="memberInfo">
                    <div class="name">张三</div>
                    <div>/</div>
                    <div class="type">没钱的摄影师</div>
                </div>
                <div class="memberBio">我的眼睛里有世界</div>
                <div class="memberTags">
                    <div class="chip">产品设计</div>
                    <div class="chip">文艺青年</div>
                    <div class="chip">动效设计</div>
                </div>
            </div>
        </div>


    </div>
</div>
<div class="input-field  search-bar" id="searchDiv">
    <input id="search" type="search" placeholder="输入你想找的关键字、姓名、标签、昵称" required>
    <label for="search"><i class="material-icons searchIcon">search</i></label>
    <i class="material-icons " id="closeIcon">close</i>
</div>
<div class="domainTypes">
    <div class="engineerTab tab">
        <img src="../res/imgs/stu/engineer.svg" alt="工程">
        <div class="descText">工程</div>
        <div class="selectedTab"></div>
    </div>
    <div class="artTab tab">
        <img src="../res/imgs/stu/art.svg" alt="文艺">
        <div class="descText">文艺</div>
        <div class="selectedTab"></div>
    </div>
    <div class="finacialTab tab">
        <img src="../res/imgs/stu/money.svg" alt="经管">
        <div class="descText">经管</div>
        <div class="selectedTab"></div>
    </div>
    <div class="humanTab tab">
        <img src="../res/imgs/stu/human.svg" alt="人文">
        <div class="descText">人文</div>
        <div class="selectedTab"></div>
    </div>
</div>
<div class="selected">
    <div class="line"></div>

</div>
<div class="introText">
    “ 你可以是技术宅／可以是出图汪／可以是设计狮／可以搞黑科技／可以操纵各种仪器 ”
</div>
<div class="topMembers">
    <div class="topMember z-depth-2">
        <div class="memberImg"></div>
        <div class="memberDetail">
            <div class="memberInfo">
                <div class="name">张三</div>
                <div>/</div>
                <div class="type">没钱的摄影师</div>
            </div>
            <div class="memberBio">我的眼睛里有世界</div>
            <div class="memberTags">
                <div class="chip">产品设计</div>
                <div class="chip">文艺青年</div>
                <div class="chip">动效设计</div>
                <div class="chip">产品设计</div>
                <div class="chip">文艺青年</div>
                <div class="chip">动效设计</div>
            </div>
        </div>
    </div>
    <div class="lessInfoMembers">
        <div class="memberLine">
            <div class="lessInfoMember z-depth-2">
                <div class="imgFrame">
                    <img src="../res/imgs/main/img1.jpg">
                </div>
                <div class="memberDetail">
                    <div class="memberInfo">
                        <div class="name">张三</div>
                        <div>/</div>
                        <div class="type">没钱的摄影师</div>
                    </div>
                    <div class="memberTags">
                        <div class="chip">产品设计</div>
                        <div class="chip">文艺青年</div>
                        <div class="chip">动效设计</div>
                    </div>
                </div>
            </div>
            <div class="lessInfoMember z-depth-2">
                <div class="imgFrame">
                    <img src="../res/imgs/main/img1.jpg">
                </div>
                <div class="memberDetail">
                    <div class="memberInfo">
                        <div class="name">张三</div>
                        <div>/</div>
                        <div class="type">没钱的摄影师</div>
                    </div>
                    <div class="memberTags">
                        <div class="chip">产品设计</div>
                        <div class="chip">文艺青年</div>
                        <div class="chip">动效设计</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="memberLine">
            <div class="lessInfoMember z-depth-2">
                <div class="imgFrame">
                    <img src="../res/imgs/main/img1.jpg">
                </div>
                <div class="memberDetail">
                    <div class="memberInfo">
                        <div class="name">张三</div>
                        <div>/</div>
                        <div class="type">没钱的摄影师</div>
                    </div>
                    <div class="memberTags">
                        <div class="chip">产品设计</div>
                        <div class="chip">文艺青年</div>
                        <div class="chip">动效设计</div>
                    </div>
                </div>
            </div>
            <div class="lessInfoMember z-depth-2">
                <div class="imgFrame">
                    <img src="../res/imgs/main/img1.jpg">
                </div>
                <div class="memberDetail">
                    <div class="memberInfo">
                        <div class="name">张三</div>
                        <div>/</div>
                        <div class="type">没钱的摄影师</div>
                    </div>
                    <div class="memberTags">
                        <div class="chip">产品设计</div>
                        <div class="chip">文艺青年</div>
                        <div class="chip">动效设计</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/stu/stuPlayground.js"></script>

</body>
</html>